<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
	<title></title>
	<style type="text/css">
	ul{
		padding-left: 0;
		height: 60px;
		background: black;
	}
	li{
		background: 2px solid darkred;
		list-style: none;
		float: left;
		color: blue;
		height: 60px;
		width: 140px;
		text-align: center;
		line-height: 60px;
	}
	a{
		color: yellowgreen;
		background: #fff;
		width: 140px;
		height: 60px;
		display: inline-block;
	}
	a:hover{
		background: skyblue;
		color: black;
		font-size: 20px;
		font-weight: bold;
	}
	</style>
</head>
<body>
	<ul>
		<li>
			<a href="http://www.baidu.com" target="_blank"></a>
		</li>
		<li>
			<a href="">签名</a>
		</li>
		<li>
			<a href="">网名</a>
		</li>
		<li>
		<a href="">头像</a>
	    </li>
	    <li>
	    	<a href="">美图</a>
	    </li>
	    <li>
	    	<a href="">壁纸</a>
	    </li>
	    <li>
	    	<a href="">更多</a>
	    </li>
	</ul>

	<a href="">百度</a>
	<a href="">新浪</a>
</body>
</html>